<!DOCTYPE html>
<html lang="en">
  <!--<< Header Area >>-->
  <head>
    <!-- ========== Meta Tags ========== -->
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="author" content="modinatheme" />
    <meta
      name="description"
      content="DalTech - IT Solution & Technology Html Template" />
    <!-- ======== Page title ============ -->
    <title>DalTech - IT Solution & Technology Html Template</title>
    <!--<< Favcion >>-->
    <link rel="shortcut icon" href="assets/img/preloader.svg" />
    <!--<< Bootstrap min.css >>-->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <!--<< Font Awesome.css >>-->
    <link rel="stylesheet" href="assets/css/font-awesome.css" />
    <!--<< Animate.css >>-->
    <link rel="stylesheet" href="assets/css/animate.css" />
    <!--<< Magnific Popup.css >>-->
    <link rel="stylesheet" href="assets/css/magnific-popup.css" />
    <!--<< MeanMenu.css >>-->
    <link rel="stylesheet" href="assets/css/meanmenu.css" />
    <!--<< Slick.css >>-->
    <link rel="stylesheet" href="assets/css/slick.css" />
    <!--<< Nice Select.css >>-->
    <link rel="stylesheet" href="assets/css/nice-select.css" />
    <!--<< Main.css >>-->
    <link rel="stylesheet" href="assets/css/main.css" />
    <!--<< Style.css >>-->
    <link rel="stylesheet" href="style.css" />
  </head>

  <body>
    <!-- Preloader Start -->
    <div id="preloader" class="preloader">
      <div class="animation-preloader">
        <div class="spinner"></div>
        <div class="txt-loading">
          <span data-text-preloader="D" class="letters-loading">望</span>
          <span data-text-preloader="A" class="letters-loading">A</span>
          <span data-text-preloader="L" class="letters-loading">L</span>
          <span data-text-preloader="T" class="letters-loading">T</span>
          <span data-text-preloader="E" class="letters-loading">E</span>
          <span data-text-preloader="C" class="letters-loading">C</span>
          <span data-text-preloader="H" class="letters-loading">H</span>
        </div>
        <p class="text-center">Loading</p>
      </div>
      <div class="loader">
        <div class="row">
          <div class="col-3 loader-section section-left">
            <div class="bg"></div>
          </div>
          <div class="col-3 loader-section section-left">
            <div class="bg"></div>
          </div>
          <div class="col-3 loader-section section-right">
            <div class="bg"></div>
          </div>
          <div class="col-3 loader-section section-right">
            <div class="bg"></div>
          </div>
        </div>
      </div>
    </div>

    <!--<< Mouse Cursor Start >>-->
    <div class="mouse-cursor cursor-outer"></div>
    <div class="mouse-cursor cursor-inner"></div>

    <!-- Offcanvas Area Start -->
    <div class="fix-area">
      <div class="offcanvas__info">
        <div class="offcanvas__wrapper">
          <div class="offcanvas__content">
            <div
              class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
              <div class="offcanvas__logo">
                <a href="index.html">
                  <img src="assets/img/logo/logo.svg" alt="logo-img" />
                </a>
              </div>
              <div class="offcanvas__close">
                <button>
                  <i class="fas fa-times"></i>
                </button>
              </div>
            </div>

            <div class="mobile-menu fix mb-3"></div>
            <div class="offcanvas__contact">
              <h4>Contact Info</h4>
              <ul>
                <li class="d-flex align-items-center">
                  <div class="offcanvas__contact-icon">
                    <i class="fal fa-map-marker-alt"></i>
                  </div>
                  <div class="offcanvas__contact-text">
                    <a target="_blank" href="#">Main Street, Melbourne, Australia</a>
                  </div>
                </li>
                <li class="d-flex align-items-center">
                  <div class="offcanvas__contact-icon mr-15">
                    <i class="fal fa-envelope"></i>
                  </div>
                  <div class="offcanvas__contact-text">
                    <a href="mailto:info@azent.com">
                      <span class="mailto:info@azent.com">info@azent.com</span>
                    </a>
                  </div>
                </li>
                <li class="d-flex align-items-center">
                  <div class="offcanvas__contact-icon mr-15">
                    <i class="fal fa-clock"></i>
                  </div>
                  <div class="offcanvas__contact-text">
                    <a target="_blank" href="#">Mod-friday, 09am -05pm</a>
                  </div>
                </li>
                <li class="d-flex align-items-center">
                  <div class="offcanvas__contact-icon mr-15">
                    <i class="far fa-phone"></i>
                  </div>
                  <div class="offcanvas__contact-text">
                    <a href="tel:+11002345909">+11002345909</a>
                  </div>
                </li>
              </ul>
              <div class="header-button mt-4">
                <a href="contact.html" class="theme-btn text-center">
                  <span>
                    Contact Us
                    <i class="fas fa-chevron-right"></i>
                  </span>
                </a>
              </div>
              <div class="social-icon d-flex align-items-center">
                <a href="#"><i class="fab fa-facebook-f"></i></a>
                <a href="#"><i class="fab fa-twitter"></i></a>
                <a href="#"><i class="fab fa-youtube"></i></a>
                <a href="#"><i class="fab fa-linkedin-in"></i></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="offcanvas__overlay"></div>

    <!-- Header Top Start -->
    <div class="header-top-section fix">
      <div class="container">
        <div class="header-top-wrapper">
          <ul class="contact-list">
            <li>
              <i class="far fa-envelope"></i>
              <a href="mailto:info@example.com" class="link">info@example.com</a>
            </li>
            <li>
              <i class="fas fa-map-marker-alt"></i>
              55 Main Street, 2nd block, Malborne ,Australia
            </li>
          </ul>
          <div class="top-right">
            <div class="social-icon d-flex align-items-center">
              <a href="#"><i class="fab fa-facebook-f"></i></a>
              <a href="#"><i class="fab fa-twitter"></i></a>
              <a href="#"><i class="fab fa-vimeo-v"></i></a>
              <a href="#"><i class="fab fa-pinterest-p"></i></a>
            </div>
            <ul class="header-menu">
              <li>
                <a href="contact.html">Help</a>
              </li>
              <li>
                <a href="contact.html">Support</a>
              </li>
              <li>
                <a href="faq.html">Faqs</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <!-- Header Area Start -->
    <header class="header-section-1">
      <div id="header-sticky" class="header-1">
        <div class="container-fluid">
          <div class="mega-menu-wrapper">
            <div class="header-main">
              <div class="header-left">
                <div class="logo">
                  <a href="index.html" class="header-logo">
                    <img src="assets/img/logo/logo.svg" alt="logo-img" />
                  </a>
                </div>
                <div class="mean__menu-wrapper">
                  <div class="main-menu">
                    <nav id="mobile-menu">
                      <ul>
                        <li class="has-dropdown active menu-thumb">
                          <a href="index.html">
                            Home
                            <i class="fas fa-angle-down"></i>
                          </a>
                          <ul class="submenu has-home-menu">
                            <li class="border-none">
                              <div class="row g-4">
                                <div class="col-lg-4 home-menu">
                                  <div class="home-menu-thumb">
                                    <img
                                      src="assets/img/header/home-1.jpg"
                                      alt="img" />
                                    <div class="demo-button">
                                      <a href="index.html" class="theme-btn">
                                        <span>Multi Page</span>
                                      </a>
                                      <a
                                        href="index-one-page.html"
                                        class="theme-btn">
                                        <span>One Page</span>
                                      </a>
                                    </div>
                                  </div>
                                  <div class="home-menu-content text-center">
                                    <h4 class="home-menu-title">Home 01</h4>
                                  </div>
                                </div>
                                <div class="col-lg-4 home-menu">
                                  <div class="home-menu-thumb mb-15">
                                    <img
                                      src="assets/img/header/home-2.jpg"
                                      alt="img" />
                                    <div class="demo-button">
                                      <a href="index-2.html" class="theme-btn">
                                        <span>Multi Page</span>
                                      </a>
                                      <a
                                        href="index-two-page.html"
                                        class="theme-btn">
                                        <span>One Page</span>
                                      </a>
                                    </div>
                                  </div>
                                  <div class="home-menu-content text-center">
                                    <h4 class="home-menu-title">Home 02</h4>
                                  </div>
                                </div>
                                <div class="col-lg-4 home-menu">
                                  <div class="home-menu-thumb mb-15">
                                    <img
                                      src="assets/img/header/home-3.jpg"
                                      alt="img" />
                                    <div class="demo-button">
                                      <a href="index-3.html" class="theme-btn">
                                        <span>Multi Page</span>
                                      </a>
                                      <a
                                        href="index-three-page.html"
                                        class="theme-btn">
                                        <span>One Page</span>
                                      </a>
                                    </div>
                                  </div>
                                  <div class="home-menu-content text-center">
                                    <h4 class="home-menu-title">Home 03</h4>
                                  </div>
                                </div>
                              </div>
                            </li>
                          </ul>
                        </li>
                        <li class="has-dropdown active d-lg-none">
                          <a href="team.html" class="border-none">
                            Home
                            <i class="fas fa-angle-down"></i>
                          </a>
                          <ul class="submenu">
                            <li><a href="index.html">Home 01</a></li>
                            <li><a href="index-2.html">Home 02</a></li>
                            <li><a href="index-3.html">Home 03</a></li>
                          </ul>
                        </li>
                        <li>
                          <a href="#about">About</a>
                        </li>
                        <li>
                          <a href="#service">Service</a>
                        </li>
                        <li>
                          <a href="#team">Team</a>
                        </li>
                        <li>
                          <a href="#blog">Blog</a>
                        </li>
                        <li>
                          <a href="#contact">Contact</a>
                        </li>
                      </ul>
                    </nav>
                  </div>
                </div>
              </div>
              <div
                class="header-right d-flex justify-content-end align-items-center">
                <div class="contact-info">
                  <div class="icon">
                    <img src="assets/img/call.png" alt="img" />
                  </div>
                  <div class="content">
                    <p>Phone:</p>
                    <h6>
                      <a href="tel:+23645689622">+236 (456) 896 22</a>
                    </h6>
                  </div>
                </div>
                <div class="header-button">
                  <a href="news-details.html" class="link-btn">
                    <span>read more</span>
                    <i class="fas fa-chevron-right"></i>
                  </a>
                </div>
                <a href="#0" class="search-trigger search-icon">
                  <i class="fal fa-search"></i>
                </a>
                <div class="header__hamburger d-lg-none my-auto">
                  <div class="sidebar__toggle">
                    <i class="far fa-bars"></i>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>

    <!-- Search Area Start -->
    <div class="search-wrap">
      <div class="search-inner">
        <i class="fas fa-times search-close" id="search-close"></i>
        <div class="search-cell">
          <form method="get">
            <div class="search-field-holder">
              <input
                type="search"
                class="main-search-input"
                placeholder="Search..." />
            </div>
          </form>
        </div>
      </div>
    </div>

    <!--<< Hero Section Start >>-->
    <section class="hero-section hero-1">
      <div class="hero-slider-active">
        <div
          class="slide-bg bg-cover wow zoomIn"
          style="background-image: url('assets/img/hero/hero-1.jpg')">
          <div class="container">
            <div class="row g-4 justify-content-between align-items-center">
              <div class="col-lg-8">
                <div class="hero-content">
                  <h4
                    class="fs-lg animated"
                    data-animation-in="fadeInRight"
                    data-delay-in="0.2">
                    5m+ Trusted Our Clients
                  </h4>
                  <h1
                    class="fs-lg animated"
                    data-animation-in="fadeInRight"
                    data-delay-in="0.5">
                    Empower Your business Journey with it Expertise
                  </h1>
                  <div class="hero-button">
                    <a
                      href="service-details.html"
                      class="theme-btn hover-white fs-lg animated"
                      data-animation-in="fadeInRight"
                      data-delay-in="0.7">
                      <span>
                        Explore Our Service
                        <i class="fas fa-chevron-right"></i>
                      </span>
                    </a>
                  </div>
                </div>
              </div>
              <div class="col-lg-3">
                <div
                  class="frame-shape fs-lg animated"
                  data-animation-in="fadeInRight"
                  data-delay-in="0.5">
                  <img src="assets/img/hero/frame-shape.png" alt="shape-img" />
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          class="slide-bg bg-cover wow zoomIn"
          style="background-image: url('assets/img/hero/hero-2.jpg')">
          <div class="container">
            <div class="row g-4 justify-content-between align-items-center">
              <div class="col-lg-8">
                <div class="hero-content">
                  <h4
                    class="fs-lg animated"
                    data-animation-in="fadeInRight"
                    data-delay-in="0.2">
                    5m+ Trusted Our Clients
                  </h4>
                  <h1
                    class="fs-lg animated"
                    data-animation-in="fadeInRight"
                    data-delay-in="0.5">
                    Empower Your business Journey with it Expertise
                  </h1>
                  <div class="hero-button">
                    <a
                      href="service-details.html"
                      class="theme-btn hover-white fs-lg animated"
                      data-animation-in="fadeInRight"
                      data-delay-in="0.7">
                      <span>
                        Explore Our Service
                        <i class="fas fa-chevron-right"></i>
                      </span>
                    </a>
                  </div>
                </div>
              </div>
              <div class="col-lg-3">
                <div
                  class="frame-shape fs-lg animated"
                  data-animation-in="fadeInRight"
                  data-delay-in="0.5">
                  <img src="assets/img/hero/frame-shape.png" alt="shape-img" />
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          class="slide-bg bg-cover wow zoomIn"
          style="background-image: url('assets/img/hero/hero-3.jpg')">
          <div class="container">
            <div class="row g-4 justify-content-between align-items-center">
              <div class="col-lg-8">
                <div class="hero-content">
                  <h4
                    class="fs-lg animated"
                    data-animation-in="fadeInRight"
                    data-delay-in="0.2">
                    5m+ Trusted Our Clients
                  </h4>
                  <h1
                    class="fs-lg animated"
                    data-animation-in="fadeInRight"
                    data-delay-in="0.5">
                    Empower Your business Journey with it Expertise
                  </h1>
                  <div class="hero-button">
                    <a
                      href="service-details.html"
                      class="theme-btn hover-white fs-lg animated"
                      data-animation-in="fadeInRight"
                      data-delay-in="0.7">
                      <span>
                        Explore Our Service
                        <i class="fas fa-chevron-right"></i>
                      </span>
                    </a>
                  </div>
                </div>
              </div>
              <div class="col-lg-3">
                <div
                  class="frame-shape fs-lg animated"
                  data-animation-in="fadeInRight"
                  data-delay-in="0.5">
                  <img src="assets/img/hero/frame-shape.png" alt="shape-img" />
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          class="slide-bg bg-cover wow zoomIn"
          style="background-image: url('assets/img/hero/hero-1.jpg')">
          <div class="container">
            <div class="row g-4 justify-content-between align-items-center">
              <div class="col-lg-8">
                <div class="hero-content">
                  <h4
                    class="fs-lg animated"
                    data-animation-in="fadeInRight"
                    data-delay-in="0.2">
                    5m+ Trusted Our Clients
                  </h4>
                  <h1
                    class="fs-lg animated"
                    data-animation-in="fadeInRight"
                    data-delay-in="0.5">
                    Empower Your business Journey with it Expertise
                  </h1>
                  <div class="hero-button">
                    <a
                      href="service-details.html"
                      class="theme-btn hover-white fs-lg animated"
                      data-animation-in="fadeInRight"
                      data-delay-in="0.7">
                      <span>
                        Explore Our Service
                        <i class="fas fa-chevron-right"></i>
                      </span>
                    </a>
                  </div>
                </div>
              </div>
              <div class="col-lg-3">
                <div
                  class="frame-shape fs-lg animated"
                  data-animation-in="fadeInRight"
                  data-delay-in="0.5">
                  <img src="assets/img/hero/frame-shape.png" alt="shape-img" />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <svg xmlns="http://www.w3.org/2000/svg" style="display: none">
        <symbol
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 44 44"
          width="44px"
          height="44px"
          id="circle"
          fill="none"
          stroke="currentColor">
          <circle r="20" cy="22" cx="22" id="translandcircle" />
        </symbol>
      </svg>
    </section>

    <!--<< Feature Section Start >>-->
    <section class="feature-section fix section-padding">
      <div class="shape-image">
        <img src="assets/img/shape.png" alt="shape-img" />
      </div>
      <div class="container">
        <div class="row g-4">
          <div class="col-xxl-4 col-xl-6 wow fadeInUp" data-wow-delay=".3s">
            <div class="single-feature-items">
              <div class="content">
                <span>Features</span>
                <h3>
                  innovative solution
                  <br />
                  For business
                </h3>
              </div>
              <div class="icon">
                <img src="assets/img/feature/icon-1.svg" alt="icon-img" />
              </div>
            </div>
          </div>
          <div class="col-xxl-4 col-xl-6 wow fadeInUp" data-wow-delay=".5s">
            <div class="single-feature-items active">
              <div class="content">
                <span>Features</span>
                <h3>
                  Tech-oriented
                  <br />
                  Services
                </h3>
              </div>
              <div class="icon">
                <img src="assets/img/feature/icon-2.svg" alt="icon-img" />
              </div>
            </div>
          </div>
          <div class="col-xxl-4 col-xl-6 wow fadeInUp" data-wow-delay=".7s">
            <div class="single-feature-items">
              <div class="content">
                <span>Features</span>
                <h3>
                  World class support
                  <br />
                  for customers
                </h3>
              </div>
              <div class="icon">
                <img src="assets/img/feature/icon-3.svg" alt="icon-img" />
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< About Section Start >>-->
    <section class="about-section fix section-padding pt-0" id="about">
      <div class="container">
        <div class="about-wrapper">
          <div class="row">
            <div class="col-lg-6">
              <div class="about-image-items">
                <div class="circle-shape">
                  <img
                    src="assets/img/about/circle.png"
                    alt="img"
                    class="text-circle" />
                  <div class="award-img">
                    <img src="assets/img/about/award.png" alt="img" />
                  </div>
                </div>
                <div class="border-shape">
                  <img src="assets/img/about/border-shape.png" alt="shape-img" />
                </div>
                <div
                  class="about-image bg-cover wow fadeInLeft"
                  data-wow-delay=".3s"
                  style="background-image: url('assets/img/about/about.jpg')">
                  <div class="about-image-2 wow fadeInUp" data-wow-delay=".5s">
                    <img src="assets/img/about/about-2.jpg" alt="about-img" />
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-6 mt-5 mt-lg-0">
              <div class="about-content">
                <div class="section-title">
                  <span class="wow fadeInUp">5m+ Trusted Our Clients</span>
                  <h2 class="wow fadeInUp" data-wow-delay=".3s">
                    We Prominent Truly trusted IT business solutions
                  </h2>
                </div>
                <p class="mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                  Transmds is the world’s driving worldwide coordinations supplier —
                  we uphold industry and exchange the worldwide trade of merchandi
                </p>
                <div class="circle-progress-bar-wrapper">
                  <div class="single-circle-bar wow fadeInUp" data-wow-delay=".3s">
                    <div
                      class="circle-bar"
                      data-percent="68"
                      data-duration="1000"></div>
                    <div class="content">
                      <h6>
                        Business
                        <br />
                        Strategy
                      </h6>
                    </div>
                  </div>
                  <div class="single-circle-bar wow fadeInUp" data-wow-delay=".5s">
                    <div
                      class="circle-bar"
                      data-percent="93"
                      data-duration="1000"></div>
                    <div class="content">
                      <h6>
                        Real Technology
                        <br />
                        Solutions
                      </h6>
                    </div>
                  </div>
                </div>
                <ul class="about-list wow fadeInUp" data-wow-delay=".7s">
                  <li>
                    <i class="far fa-check me-2"></i>
                    Professional Team Member
                  </li>
                  <li>
                    <i class="far fa-check me-2"></i>
                    Awards Winning IT Solutions Company
                  </li>
                  <li>
                    <i class="far fa-check me-2"></i>
                    Dedicated Tech Services
                  </li>
                </ul>
                <div class="about-author">
                  <div class="about-button wow fadeInUp" data-wow-delay=".8s">
                    <a href="about.html" class="theme-btn">
                      <span>
                        Explore more about
                        <i class="fas fa-chevron-right"></i>
                      </span>
                    </a>
                  </div>
                  <div class="author-image wow fadeInUp" data-wow-delay=".9s">
                    <img src="assets/img/about/author.png" alt="author-img" />
                    <div class="content">
                      <img src="assets/img/about/signature.png" alt="signature" />
                      <p>Ceo & Founder</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Service Section Start >>-->
    <section class="service-section fix section-padding section-bg" id="service">
      <div class="shape-image">
        <img src="assets/img/service/shape.png" alt="shape-img" />
      </div>
      <div class="bottom-shape">
        <img src="assets/img/service/bottom-shape.png" alt="shape-img" />
      </div>
      <div class="container">
        <div class="title-section-area">
          <div class="section-title">
            <span class="wow fadeInUp">our most premium services</span>
            <h2 class="wow fadeInUp" data-wow-delay=".3s">
              Most experienced
              <br />
              our services
            </h2>
          </div>
          <a
            href="service-details.html"
            class="theme-btn wow fadeInUp"
            data-wow-delay=".5s">
            <span>
              Explore Our Service
              <i class="fas fa-chevron-right"></i>
            </span>
          </a>
        </div>
      </div>
      <div class="service-wrapper">
        <div class="service-carousel-active">
          <div class="service-card-items">
            <div class="service-content">
              <div class="icon">
                <i class="flaticon-blueprint"></i>
              </div>
              <div class="content">
                <h4>01</h4>
                <h3>
                  <a href="service-details.html">UX/UI Design</a>
                </h3>
                <p>
                  Sed ut perspiciatis unde is
                  <br />
                  voluptatem accusant
                </p>
              </div>
            </div>
            <div
              class="service-image bg-cover"
              style="background-image: url('assets/img/service/01.jpg')">
              <a href="service-details.html" class="arrow-icon">
                <i class="far fa-arrow-right"></i>
              </a>
            </div>
          </div>
          <div class="service-card-items">
            <div class="service-content">
              <div class="icon">
                <i class="flaticon-service"></i>
              </div>
              <div class="content">
                <h4>02</h4>
                <h3>
                  <a href="service-details.html">it managment</a>
                </h3>
                <p>
                  Sed ut perspiciatis unde is
                  <br />
                  voluptatem accusant
                </p>
              </div>
            </div>
            <div
              class="service-image bg-cover"
              style="background-image: url('assets/img/service/02.jpg')">
              <a href="service-details.html" class="arrow-icon">
                <i class="far fa-arrow-right"></i>
              </a>
            </div>
          </div>
          <div class="service-card-items">
            <div class="service-content">
              <div class="icon">
                <i class="flaticon-cloud-storage"></i>
              </div>
              <div class="content">
                <h4>03</h4>
                <h3>
                  <a href="service-details.html">desktop computing</a>
                </h3>
                <p>
                  Sed ut perspiciatis unde is
                  <br />
                  voluptatem accusant
                </p>
              </div>
            </div>
            <div
              class="service-image bg-cover"
              style="background-image: url('assets/img/service/03.jpg')">
              <a href="service-details.html" class="arrow-icon">
                <i class="far fa-arrow-right"></i>
              </a>
            </div>
          </div>
          <div class="service-card-items">
            <div class="service-content">
              <div class="icon">
                <i class="flaticon-blueprint"></i>
              </div>
              <div class="content">
                <h4>01</h4>
                <h3>
                  <a href="service-details.html">UX/UI Design</a>
                </h3>
                <p>
                  Sed ut perspiciatis unde is
                  <br />
                  voluptatem accusant
                </p>
              </div>
            </div>
            <div
              class="service-image bg-cover"
              style="background-image: url('assets/img/service/01.jpg')">
              <a href="service-details.html" class="arrow-icon">
                <i class="far fa-arrow-right"></i>
              </a>
            </div>
          </div>
          <div class="service-card-items">
            <div class="service-content">
              <div class="icon">
                <i class="flaticon-service"></i>
              </div>
              <div class="content">
                <h4>02</h4>
                <h3>
                  <a href="service-details.html">it managment</a>
                </h3>
                <p>
                  Sed ut perspiciatis unde is
                  <br />
                  voluptatem accusant
                </p>
              </div>
            </div>
            <div
              class="service-image bg-cover"
              style="background-image: url('assets/img/service/02.jpg')">
              <a href="service-details.html" class="arrow-icon">
                <i class="far fa-arrow-right"></i>
              </a>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Service Section Start >>-->
    <section class="trusted-client-section fix section-padding pt-0">
      <div class="container">
        <div class="trusted-client-wrapper">
          <div class="row align-items-center">
            <div class="col-xl-5">
              <div
                class="trusted-client-image bg-cover"
                style="background-image: url('assets/img/feature/trusted.jpg')">
                <div class="icon-box">
                  <img src="assets/img/circle.png" alt="img" class="text-circle" />
                  <div class="icon">
                    <img src="assets/img/icon.png" alt="icon-img" />
                  </div>
                </div>
                <div class="counter-main-area">
                  <div class="counter-area">
                    <div class="counter-items">
                      <h2>
                        <span class="count">500</span>
                        +
                      </h2>
                      <h3>Awesome clients</h3>
                    </div>
                    <div class="counter-items">
                      <h2>
                        <span class="count">5</span>
                        k+
                      </h2>
                      <h3>Awesome clients</h3>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-xl-7 mt-5 mt-xl-0">
              <div class="trusted-content">
                <div class="section-title">
                  <span class="wow fadeInUp">5m+ Trusted Our Clients</span>
                  <h2 class="wow fadeInUp" data-wow-delay=".3s">
                    We Prominent Truly trusted
                    <br />
                    IT business solutions
                  </h2>
                </div>
                <p class="mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                  Transmds is the world’s driving worldwide coordinations supplier —
                  we
                  <br />
                  uphold industry and exchange the worldwide trade of merchandi
                </p>
                <div class="single-tab-items">
                  <ul class="nav mb-4" role="tablist">
                    <li
                      class="nav-item wow fadeInUp"
                      data-wow-delay=".3s"
                      role="presentation">
                      <a
                        href="#mission"
                        data-bs-toggle="tab"
                        class="nav-link active"
                        aria-selected="true"
                        role="tab">
                        Our Mission
                      </a>
                    </li>
                    <li
                      class="nav-item wow fadeInUp"
                      data-wow-delay=".5s"
                      role="presentation">
                      <a
                        href="#strategy"
                        data-bs-toggle="tab"
                        class="nav-link"
                        aria-selected="false"
                        role="tab"
                        tabindex="-1">
                        Our Strategy
                      </a>
                    </li>
                    <li
                      class="nav-item wow fadeInUp"
                      data-wow-delay=".7s"
                      role="presentation">
                      <a
                        href="#vision"
                        data-bs-toggle="tab"
                        class="nav-link"
                        aria-selected="false"
                        role="tab"
                        tabindex="-1">
                        our vision
                      </a>
                    </li>
                  </ul>
                  <div class="tab-content">
                    <div
                      id="mission"
                      class="tab-pane fade show active"
                      role="tabpanel">
                      <div class="tab-content-items">
                        <ul class="wow fadeInUp" data-wow-delay=".3s">
                          <li>
                            <i class="fas fa-check"></i>
                            Preaching Worship An Online Family
                          </li>
                          <li>
                            <i class="fas fa-check"></i>
                            Preaching Worship An Online Family
                          </li>
                        </ul>
                        <div class="icon-area">
                          <div
                            class="icon-items d-flex align-items-center gap-3 wow fadeInUp"
                            data-wow-delay=".5s">
                            <div class="icon">
                              <i class="flaticon-microchip"></i>
                            </div>
                            <h6>Artificial intelligence</h6>
                          </div>
                          <div
                            class="icon-items d-flex align-items-center gap-3 wow fadeInUp"
                            data-wow-delay=".7s">
                            <div class="icon">
                              <i class="flaticon-microchip"></i>
                            </div>
                            <h6>Clouds Backup Services</h6>
                          </div>
                        </div>
                        <div class="pro-items wow fadeInUp" data-wow-delay=".9s">
                          <div class="pro-head">
                            <h6 class="title">Real Technology Solution</h6>
                            <span class="point">75%</span>
                          </div>
                          <div class="progress">
                            <div class="progress-value"></div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div id="strategy" class="tab-pane fade" role="tabpanel">
                      <div class="tab-content-items">
                        <ul>
                          <li>
                            <i class="fas fa-check"></i>
                            Preaching Worship An Online Family
                          </li>
                          <li>
                            <i class="fas fa-check"></i>
                            Preaching Worship An Online Family
                          </li>
                        </ul>
                        <div class="icon-area">
                          <div class="icon-items d-flex align-items-center gap-3">
                            <div class="icon">
                              <i class="flaticon-microchip"></i>
                            </div>
                            <h6>Artificial intelligence</h6>
                          </div>
                          <div class="icon-items d-flex align-items-center gap-3">
                            <div class="icon">
                              <i class="flaticon-microchip"></i>
                            </div>
                            <h6>Clouds Backup Services</h6>
                          </div>
                        </div>
                        <div class="pro-items">
                          <div class="pro-head">
                            <h6 class="title">Real Technology Solution</h6>
                            <span class="point">75%</span>
                          </div>
                          <div class="progress">
                            <div class="progress-value"></div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div id="vision" class="tab-pane fade" role="tabpanel">
                      <div class="tab-content-items">
                        <ul>
                          <li>
                            <i class="fas fa-check"></i>
                            Preaching Worship An Online Family
                          </li>
                          <li>
                            <i class="fas fa-check"></i>
                            Preaching Worship An Online Family
                          </li>
                        </ul>
                        <div class="icon-area">
                          <div class="icon-items d-flex align-items-center gap-3">
                            <div class="icon">
                              <i class="flaticon-microchip"></i>
                            </div>
                            <h6>Artificial intelligence</h6>
                          </div>
                          <div class="icon-items d-flex align-items-center gap-3">
                            <div class="icon">
                              <i class="flaticon-microchip"></i>
                            </div>
                            <h6>Clouds Backup Services</h6>
                          </div>
                        </div>
                        <div class="pro-items">
                          <div class="pro-head">
                            <h6 class="title">Real Technology Solution</h6>
                            <span class="point">75%</span>
                          </div>
                          <div class="progress">
                            <div class="progress-value"></div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Brand Section Start >>-->
    <section class="brand-section fix section-padding pt-0">
      <div class="container">
        <div class="brand-wrapper">
          <h6 class="text-center wow fadeInUp" data-wow-delay=".3s">
            1K+ BRANDS TRUST US
          </h6>
          <div class="brand-carousel-active">
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
            <div class="brand-image">
              <img src="assets/img/brand/01.png" alt="brand-img" />
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Cta Banner Section Start >>-->
    <section
      class="cta-banner-section bg-cover section-padding"
      style="background-image: url('assets/img/banner/01.jpg')">
      <div class="container">
        <div class="cta-banner-wrapper section-padding pt-0">
          <div class="section-title mb-0">
            <span class="text-white wow fadeInUp">5m+ Trusted Our Clients</span>
            <h2 class="text-white wow fadeInUp" data-wow-delay=".3s">
              Need It advisor For your business ?
              <br />
              Please Call :
              <a href="tel:123884400" class="text-white">(123) 884400</a>
            </h2>
          </div>
          <a
            href="contact.html"
            class="theme-btn hover-white wow fadeInUp"
            data-wow-delay=".5s">
            <span>
              Get a Free Quate
              <i class="fas fa-chevron-right"></i>
            </span>
          </a>
        </div>
      </div>
    </section>

    <!--<< Feature Icon Box Section Start >>-->
    <section class="feature-icon-box-area">
      <div class="container">
        <div class="feature-icon-box-wrapper">
          <div class="row g-4">
            <div
              class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp"
              data-wow-delay=".3s">
              <div class="icon-box-items">
                <div class="icon">
                  <i class="flaticon-microchip"></i>
                </div>
                <div class="content">
                  <h3>Voice Over Protocol</h3>
                  <p>Average time to resolve a cyber attack.</p>
                </div>
              </div>
            </div>
            <div
              class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp"
              data-wow-delay=".5s">
              <div class="icon-box-items active">
                <div class="icon">
                  <i class="flaticon-cloud-storage"></i>
                </div>
                <div class="content">
                  <h3>Data Backup</h3>
                  <p>Average time to resolve a cyber attack.</p>
                </div>
              </div>
            </div>
            <div
              class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp"
              data-wow-delay=".7s">
              <div class="icon-box-items">
                <div class="icon">
                  <i class="flaticon-gear"></i>
                </div>
                <div class="content">
                  <h3>It Consultancy</h3>
                  <p>Average time to resolve a cyber attack.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Team Section Start >>-->
    <section class="team-section section-padding" id="team">
      <div class="container">
        <div class="section-title text-center">
          <span class="wow fadeInUp">our honurable team member</span>
          <h2 class="wow fadeInUp" data-wow-delay=".3s">
            We’ve Exclusive Team member
            <br />
            Meet our Professionals
          </h2>
        </div>
        <div class="team-wrapper">
          <div class="row align-items-center">
            <div
              class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp"
              data-wow-delay=".3s">
              <div class="single-team-items">
                <div class="team-image">
                  <img src="assets/img/team/01.jpg" alt="team-img" />
                  <div class="social-profile">
                    <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                    <ul>
                      <li>
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                      </li>
                      <li>
                        <a href="#"><i class="fab fa-twitter"></i></a>
                      </li>
                      <li>
                        <a href="#"><i class="fab fa-youtube"></i></a>
                      </li>
                      <li>
                        <a href="#"><i class="fab fa-instagram"></i></a>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="team-content text-center">
                  <h4>
                    <a href="team-detaills.html">Leslie Alexander</a>
                  </h4>
                  <p>GRAPHIC DESIGNER</p>
                </div>
              </div>
            </div>
            <div
              class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp"
              data-wow-delay=".5s">
              <div class="single-team-items">
                <div class="team-image">
                  <img src="assets/img/team/02.jpg" alt="team-img" />
                  <div class="social-profile">
                    <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                    <ul>
                      <li>
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                      </li>
                      <li>
                        <a href="#"><i class="fab fa-twitter"></i></a>
                      </li>
                      <li>
                        <a href="#"><i class="fab fa-youtube"></i></a>
                      </li>
                      <li>
                        <a href="#"><i class="fab fa-instagram"></i></a>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="team-content text-center">
                  <h4>
                    <a href="team-detaills.html">Leslie Alexander</a>
                  </h4>
                  <p>GRAPHIC DESIGNER</p>
                </div>
              </div>
            </div>
            <div
              class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp"
              data-wow-delay=".7s">
              <div class="single-team-items">
                <div class="team-image">
                  <img src="assets/img/team/03.jpg" alt="team-img" />
                  <div class="social-profile">
                    <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                    <ul>
                      <li>
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                      </li>
                      <li>
                        <a href="#"><i class="fab fa-twitter"></i></a>
                      </li>
                      <li>
                        <a href="#"><i class="fab fa-youtube"></i></a>
                      </li>
                      <li>
                        <a href="#"><i class="fab fa-instagram"></i></a>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="team-content text-center">
                  <h4>
                    <a href="team-detaills.html">Leslie Alexander</a>
                  </h4>
                  <p>GRAPHIC DESIGNER</p>
                </div>
              </div>
            </div>
            <div
              class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp"
              data-wow-delay=".9s">
              <div class="single-team-items">
                <div class="team-image">
                  <img src="assets/img/team/04.jpg" alt="team-img" />
                  <div class="social-profile">
                    <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                    <ul>
                      <li>
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                      </li>
                      <li>
                        <a href="#"><i class="fab fa-twitter"></i></a>
                      </li>
                      <li>
                        <a href="#"><i class="fab fa-youtube"></i></a>
                      </li>
                      <li>
                        <a href="#"><i class="fab fa-instagram"></i></a>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="team-content text-center">
                  <h4>
                    <a href="team-detaills.html">Leslie Alexander</a>
                  </h4>
                  <p>GRAPHIC DESIGNER</p>
                </div>
              </div>
            </div>
            <div
              class="col-xl-5 col-lg-7 col-md-6 wow fadeInUp"
              data-wow-delay=".3s">
              <div class="single-team-items">
                <div class="team-join-content text-center">
                  <div class="circle-shape">
                    <img src="assets/img/team/circle-shape.png" alt="shape-img" />
                  </div>
                  <div class="dot-shape">
                    <img src="assets/img/team/dot-shape.png" alt="shape-img" />
                  </div>
                  <h2>
                    JOIN OUR
                    <span>TEAM</span>
                  </h2>
                  <h3>98+ Member</h3>
                </div>
              </div>
            </div>
            <div class="col-xl-1"></div>
            <div
              class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp"
              data-wow-delay=".5s">
              <div class="single-team-items">
                <div class="team-image">
                  <img src="assets/img/team/04.jpg" alt="team-img" />
                  <div class="social-profile">
                    <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                    <ul>
                      <li>
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                      </li>
                      <li>
                        <a href="#"><i class="fab fa-twitter"></i></a>
                      </li>
                      <li>
                        <a href="#"><i class="fab fa-youtube"></i></a>
                      </li>
                      <li>
                        <a href="#"><i class="fab fa-instagram"></i></a>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="team-content text-center">
                  <h4>
                    <a href="team-detaills.html">Leslie Alexander</a>
                  </h4>
                  <p>GRAPHIC DESIGNER</p>
                </div>
              </div>
            </div>
            <div
              class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp"
              data-wow-delay=".7s">
              <div class="single-team-items">
                <div class="team-image">
                  <img src="assets/img/team/05.jpg" alt="team-img" />
                  <div class="social-profile">
                    <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                    <ul>
                      <li>
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                      </li>
                      <li>
                        <a href="#"><i class="fab fa-twitter"></i></a>
                      </li>
                      <li>
                        <a href="#"><i class="fab fa-youtube"></i></a>
                      </li>
                      <li>
                        <a href="#"><i class="fab fa-instagram"></i></a>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="team-content text-center">
                  <h4>
                    <a href="team-detaills.html">Leslie Alexander</a>
                  </h4>
                  <p>GRAPHIC DESIGNER</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Case Studies Start >>-->
    <div class="marque-section section-padding pt-0">
      <div class="marquee-wrapper text-slider">
        <div class="marquee-inner to-left">
          <ul class="marqee-list d-flex">
            <li class="marquee-item">
              <span class="text-slider">arketing</span>
              <span class="text-slider">Eit</span>
              <span class="text-slider style-border"></span>
              <span class="text-slider">Co</span>
              <span class="text-slider">advisor</span>
              <span class="text-slider style-border"></span>
              <span class="text-slider">it</span>
              <span class="text-slider">consultancy</span>
              <span class="text-slider style-border"></span>
              <span class="text-slider">Data</span>
              <span class="text-slider">recover</span>
              <span class="text-slider">arketing</span>
              <span class="text-slider">Eit</span>
              <span class="text-slider style-border"></span>
              <span class="text-slider">Co</span>
              <span class="text-slider">advisor</span>
              <span class="text-slider style-border"></span>
              <span class="text-slider">it</span>
              <span class="text-slider">consultancy</span>
              <span class="text-slider style-border"></span>
              <span class="text-slider">Data</span>
              <span class="text-slider">recover</span>
              <span class="text-slider">arketing</span>
              <span class="text-slider">Eit</span>
              <span class="text-slider style-border"></span>
              <span class="text-slider">Co</span>
              <span class="text-slider">advisor</span>
              <span class="text-slider style-border"></span>
              <span class="text-slider">it</span>
              <span class="text-slider">consultancy</span>
              <span class="text-slider style-border"></span>
              <span class="text-slider">Data</span>
              <span class="text-slider">recover</span>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <!--<< Case Studies Start >>-->
    <section class="case-studies-1 section-padding fix pt-0">
      <div class="container">
        <div class="case-studies-wrapper">
          <div class="row g-0">
            <div class="col-xl-7">
              <div class="case-studies-content-area">
                <div class="section-title">
                  <span class="wow fadeInUp">our case studies</span>
                  <h2 class="wow fadeInUp" data-wow-delay=".3s">
                    Awesome projects created
                    <br />
                    by our team
                  </h2>
                </div>
                <p class="mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                  Transmds is the world’s driving worldwide coordinations supplier —
                  we
                  <br />
                  uphold industry and exchange the worldwide trade of merchandi
                </p>
                <div class="case-studies-items">
                  <div class="case-studies-content">
                    <div class="content wow fadeInUp" data-wow-delay=".3s">
                      <h5 class="mb-2 wow fadeInUp" data-wow-delay=".3s">
                        branding/
                      </h5>
                      <h3>
                        <a
                          href="project-details.html"
                          class="changeImage2 wow fadeInUp pt-0 clicked"
                          data-image="assets/img/project/01.jpg">
                          Coors Banquet Brand design
                        </a>
                      </h3>
                    </div>
                    <div class="content wow fadeInUp" data-wow-delay=".5s">
                      <h5 class="mb-2">branding/</h5>
                      <h3>
                        <a
                          href="project-details.html"
                          class="changeImage2 wow fadeInUp pt-0 clicked"
                          data-image="assets/img/project/02.jpg">
                          Coors Banquet Brand design
                        </a>
                      </h3>
                    </div>
                  </div>
                  <div class="case-studies-content">
                    <div class="content wow fadeInUp" data-wow-delay=".3s">
                      <h5 class="mb-2">branding/</h5>
                      <h3>
                        <a
                          href="project-details.html"
                          class="changeImage2 wow fadeInUp pt-0 clicked"
                          data-image="assets/img/project/03.jpg">
                          Coors Banquet Brand design
                        </a>
                      </h3>
                    </div>
                    <div class="content wow fadeInUp" data-wow-delay=".5s">
                      <h5 class="mb-2">branding/</h5>
                      <h3>
                        <a
                          href="project-details.html"
                          class="changeImage2 wow fadeInUp pt-0 clicked"
                          data-image="assets/img/project/04.jpg">
                          Coors Banquet Brand design
                        </a>
                      </h3>
                    </div>
                  </div>
                  <div class="case-studies-content">
                    <div class="content wow fadeInUp" data-wow-delay=".3s">
                      <h5 class="mb-2">branding/</h5>
                      <h3>
                        <a
                          href="project-details.html"
                          class="changeImage2 wow fadeInUp pt-0 clicked"
                          data-image="assets/img/project/05.jpg">
                          Coors Banquet Brand design
                        </a>
                      </h3>
                    </div>
                    <div class="content wow fadeInUp" data-wow-delay=".5s">
                      <h5 class="mb-2">branding/</h5>
                      <h3>
                        <a
                          href="project-details.html"
                          class="changeImage2 wow fadeInUp pt-0 clicked"
                          data-image="assets/img/project/06.jpg">
                          Coors Banquet Brand design
                        </a>
                      </h3>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-xl-5 mt-5 mt-xl-0">
              <div class="image case-studies-image">
                <img id="myImage2" src="assets/img/project/01.jpg" alt="image" />
                <a href="project-details.html" class="icon">
                  <i class="flaticon-up-arrow"></i>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Counter Section Start >>-->
    <section class="counter-section section-padding pt-0 section-bg">
      <div class="line-shape">
        <img src="assets/img/line.png" alt="shape-img" />
      </div>
      <div class="container">
        <div class="counter-wrapper">
          <div class="row g-4">
            <div
              class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp"
              data-wow-delay=".3s">
              <div class="counter-items text-center">
                <div class="icon center">
                  <i class="flaticon-earth-globe"></i>
                </div>
                <div class="content">
                  <h2>
                    <span class="count">35</span>
                    +
                  </h2>
                  <p>
                    Countries
                    <br />
                    Represented
                  </p>
                </div>
              </div>
            </div>
            <div
              class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp"
              data-wow-delay=".5s">
              <div class="counter-items text-center">
                <div class="icon center">
                  <i class="flaticon-verified"></i>
                </div>
                <div class="content">
                  <h2>
                    <span class="count">853</span>
                    +
                  </h2>
                  <p>
                    Completed
                    <br />
                    Project
                  </p>
                </div>
              </div>
            </div>
            <div
              class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp"
              data-wow-delay=".7s">
              <div class="counter-items text-center">
                <div class="icon center">
                  <i class="flaticon-financial-profit"></i>
                </div>
                <div class="content">
                  <h2>
                    <span class="count">55</span>
                    +
                  </h2>
                  <p>
                    Revenew
                    <br />
                    In per year
                  </p>
                </div>
              </div>
            </div>
            <div
              class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp"
              data-wow-delay=".9s">
              <div class="counter-items text-center">
                <div class="icon center">
                  <i class="flaticon-infrastructure"></i>
                </div>
                <div class="content">
                  <h2>
                    <span class="count">35</span>
                    +
                  </h2>
                  <p>
                    Experience
                    <br />
                    Team Member
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Testimonial Section Start >>-->
    <section class="testimonial-section section-padding">
      <div class="container">
        <div class="section-title text-center">
          <span class="wow fadeInUp">trusted clients feedback</span>
          <h2 class="wow fadeInUp" data-wow-delay=".3s">
            Why People Say About Our
            <br />
            Business Services
          </h2>
        </div>
        <div class="testimonial-carousel-active">
          <div class="testimonial-card-items">
            <div class="author-items">
              <div
                class="author-image bg-cover"
                style="background-image: url('assets/img/testimonial/01.png')"></div>
              <div class="author-content">
                <h5>Leslie Alexander</h5>
                <span>Graphics Design</span>
              </div>
            </div>
            <p>
              creative agency, we believe in the Eid and innovation. We are
              constantly melt of what is possible, and strive to cat only bea utiful
              and effective,but shark inventore veritatis et quasi archite cto beatae
              citae dicta sunt atlantic
            </p>
            <ul>
              <li>January 23, 2024</li>
            </ul>
          </div>
          <div class="testimonial-card-items">
            <div class="author-items">
              <div
                class="author-image bg-cover"
                style="background-image: url('assets/img/testimonial/01.png')"></div>
              <div class="author-content">
                <h5>Leslie Alexander</h5>
                <span>Graphics Design</span>
              </div>
            </div>
            <p>
              creative agency, we believe in the Eid and innovation. We are
              constantly melt of what is possible, and strive to cat only bea utiful
              and effective,but shark inventore veritatis et quasi archite cto beatae
              citae dicta sunt atlantic
            </p>
            <ul>
              <li>January 23, 2024</li>
            </ul>
          </div>
          <div class="testimonial-card-items">
            <div class="author-items">
              <div
                class="author-image bg-cover"
                style="background-image: url('assets/img/testimonial/02.png')"></div>
              <div class="author-content">
                <h5>Leslie Alexander</h5>
                <span>Graphics Design</span>
              </div>
            </div>
            <p>
              creative agency, we believe in the Eid and innovation. We are
              constantly melt of what is possible, and strive to cat we pride
              ourselve on delivering
            </p>
            <ul>
              <li>January 23, 2024</li>
            </ul>
          </div>
          <div class="testimonial-card-items">
            <div class="author-items">
              <div
                class="author-image bg-cover"
                style="background-image: url('assets/img/testimonial/01.png')"></div>
              <div class="author-content">
                <h5>Leslie Alexander</h5>
                <span>Graphics Design</span>
              </div>
            </div>
            <p>
              creative agency, we believe in the Eid and innovation. We are
              constantly melt of what is possible, and strive to cat only bea utiful
              and effective,but shark inventore veritatis et quasi archite cto beatae
              citae dicta sunt atlantic
            </p>
            <ul>
              <li>January 23, 2024</li>
            </ul>
          </div>
        </div>
      </div>
    </section>

    <!--<< Cta Chat Section Start >>-->
    <section class="cta-chat-section section-padding pt-0">
      <div class="container">
        <div class="cta-chat-wrapper">
          <div class="chat-items wow fadeInUp" data-wow-delay=".3s">
            <div class="icon">
              <i class="flaticon-chat"></i>
            </div>
            <div class="content">
              <h3>Let’s Discuss & Start IT Consultations</h3>
              <p>Lorem ipsum dolor sit amet, consectetur notted adipisicin</p>
            </div>
          </div>
          <a
            href="contact.html"
            class="theme-btn bg-white wow fadeInUp"
            data-wow-delay=".5s">
            <span>
              Lets Get Started
              <i class="fas fa-chevron-right"></i>
            </span>
          </a>
        </div>
      </div>
    </section>

    <!--<< News Section Start >>-->
    <section class="news-section fix section-padding pt-0" id="blog">
      <div class="container">
        <div class="section-title">
          <span class="wow fadeInUp">trusted news & blogs</span>
          <h2 class="wow fadeInUp" data-wow-delay=".3s">Read Our News & Blogs</h2>
        </div>
        <div class="row">
          <div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s">
            <div class="single-news-items">
              <div
                class="news-image bg-cover"
                style="background-image: url('assets/img/news/01.jpg')">
                <a href="news-details.html" class="icon">
                  <i class="fal fa-arrow-right"></i>
                </a>
              </div>
              <div class="news-content">
                <ul class="post-date">
                  <li>june 28, 2023</li>
                </ul>
                <h3>
                  <a href="news-details.html">
                    A Complete Guide to Business Insurance perfect
                  </a>
                </h3>
                <div class="news-button mt-4">
                  <a href="news-details.html" class="link-btn">
                    <span>read more</span>
                    <i class="fas fa-chevron-right"></i>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-6 wow fadeInUp" data-wow-delay=".5s">
            <div class="single-news-items active">
              <div
                class="news-image bg-cover"
                style="background-image: url('assets/img/news/02.jpg')">
                <a href="news-details.html" class="icon">
                  <i class="fal fa-arrow-right"></i>
                </a>
              </div>
              <div class="news-content">
                <ul class="post-date">
                  <li>june 28, 2023</li>
                </ul>
                <h3>
                  <a href="news-details.html">
                    A Complete Guide to Business Insurance perfect
                  </a>
                </h3>
                <div class="news-button mt-4">
                  <a href="news-details.html" class="link-btn">
                    <span>read more</span>
                    <i class="fas fa-chevron-right"></i>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Contact Section Start >>-->
    <section class="contact-section fix section-padding" id="contact">
      <div class="container">
        <div class="contact-wrapper">
          <div class="shape-image">
            <img src="assets/img/contact/bg-shape.png" alt="shape-img" />
          </div>
          <div class="row align-items-center">
            <div class="col-lg-6">
              <div
                class="contact-image bg-cover"
                style="background-image: url('assets/img/contact/01.jpg')">
                <div class="shape-image-2">
                  <img src="assets/img/contact/shape-img.png" alt="shape-img" />
                </div>
              </div>
            </div>
            <div class="col-lg-6 mt-5 mt-lg-0">
              <div class="contact-area">
                <div class="section-title">
                  <span class="wow fadeInUp">get in touch immidiate</span>
                  <h2 class="wow fadeInUp" data-wow-delay=".3s">
                    Let’s Work Together
                  </h2>
                </div>
                <div class="contact-form-items mt-5 mt-md-0">
                  <form action="#" id="contact-form" method="POST">
                    <div class="row g-3">
                      <div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s">
                        <div class="form-clt">
                          <input
                            type="text"
                            name="name"
                            id="name"
                            placeholder="First Name" />
                        </div>
                      </div>
                      <div class="col-lg-6 wow fadeInUp" data-wow-delay=".5s">
                        <div class="form-clt">
                          <input
                            type="text"
                            name="name"
                            id="name2"
                            placeholder="Last Name" />
                        </div>
                      </div>
                      <div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s">
                        <div class="form-clt">
                          <input
                            type="text"
                            name="email"
                            id="email"
                            placeholder="Email Address" />
                        </div>
                      </div>
                      <div class="col-lg-6 wow fadeInUp" data-wow-delay=".5s">
                        <div class="form-clt">
                          <input
                            type="text"
                            name="phone"
                            id="phone"
                            placeholder="Phone Number" />
                        </div>
                      </div>
                      <div class="col-lg-12 wow fadeInUp" data-wow-delay=".3s">
                        <div class="form-clt">
                          <textarea
                            name="message"
                            id="message"
                            placeholder="Write Your Message"></textarea>
                        </div>
                      </div>
                      <div class="col-lg-12 wow fadeInUp" data-wow-delay=".5s">
                        <button type="submit" class="theme-btn">
                          <span>
                            Send Us Messages
                            <i class="fas fa-chevron-right"></i>
                          </span>
                        </button>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!--<< Footer Section Start >>-->
    <footer class="footer-section footer-bg section-padding pb-0">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-lg-7">
            <div class="newsletter-area">
              <div class="shape-1">
                <img src="assets/img/footer-shape.png" alt="shape-img" />
              </div>
              <div class="shape-2">
                <img src="assets/img/footer-shape-2.png" alt="shape-img" />
              </div>
              <div class="newsletter-title">
                <h2 class="wow fadeInUp" data-wow-delay=".3s">
                  Join Our Newsletter
                </h2>
                <p class="wow fadeInUp" data-wow-delay=".5s">
                  We Provide Best Pricing package to grow your lead capture
                </p>
              </div>
              <div class="newsletter-items">
                <div class="form-clt wow fadeInUp" data-wow-delay=".3s">
                  <input
                    type="text"
                    name="email"
                    id="email2"
                    placeholder="Email Address" />
                </div>
                <button
                  class="theme-btn hover-white wow fadeInUp"
                  data-wow-delay=".5s"
                  type="submit">
                  <span>
                    Subscribe
                    <i class="far fa-arrow-right"></i>
                  </span>
                </button>
              </div>
            </div>
          </div>
        </div>
        <div class="footer-widgets-wrapper">
          <div class="row">
            <div
              class="col-xl-3 col-sm-6 col-md-6 col-lg-3 wow fadeInUp"
              data-wow-delay=".2s">
              <div class="single-footer-widget">
                <div class="widget-head">
                  <a href="index.html">
                    <img src="assets/img/logo/footer-logo.svg" alt="logo-img" />
                  </a>
                </div>
                <div class="footer-content">
                  <p>
                    We believe it has the power to do
                    <br />
                    amazing things.
                  </p>
                  <span>Interested in working with us?</span>
                  <br />
                  <a href="mailto:info@example.com" class="link">info@example.com</a>
                  <div class="social-icon d-flex align-items-center">
                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                    <a href="#"><i class="fab fa-twitter"></i></a>
                    <a href="#"><i class="fab fa-vimeo-v"></i></a>
                    <a href="#"><i class="fab fa-pinterest-p"></i></a>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="col-xl-2 ps-lg-5 col-sm-6 col-md-3 col-lg-3 wow fadeInUp"
              data-wow-delay=".4s">
              <div class="single-footer-widget">
                <div class="widget-head">
                  <h5>Quick Links</h5>
                </div>
                <ul class="list-items">
                  <li>
                    <a href="service-details.html">Services</a>
                  </li>
                  <li>
                    <a href="about.html">About company</a>
                  </li>
                  <li>
                    <a href="news-details.html">latest news</a>
                  </li>
                  <li>
                    <a href="team.html">team member</a>
                  </li>
                  <li>
                    <a href="testimonial.html">testimonials</a>
                  </li>
                </ul>
              </div>
            </div>
            <div
              class="col-xl-2 ps-lg-4 col-sm-6 col-md-3 col-lg-3 wow fadeInUp"
              data-wow-delay=".6s">
              <div class="single-footer-widget">
                <div class="widget-head">
                  <h5>My account</h5>
                </div>
                <ul class="list-items">
                  <li>
                    <a href="contact.html">Forum Support</a>
                  </li>
                  <li>
                    <a href="faq.html">Help & FAQ</a>
                  </li>
                  <li>
                    <a href="contact.html">Contact Us</a>
                  </li>
                  <li>
                    <a href="pricing.html">Pricing and plans</a>
                  </li>
                  <li>
                    <a href="contact.html">Cookies Policy</a>
                  </li>
                </ul>
              </div>
            </div>
            <div
              class="col-xl-2 col-sm-6 col-md-6 col-lg-3 wow fadeInUp"
              data-wow-delay=".8s">
              <div class="single-footer-widget">
                <div class="widget-head">
                  <h5>Address:</h5>
                </div>
                <div class="footer-address-text">
                  <p>570 8th Ave, New York,NY 10018 United States</p>
                  <h5>Hours:</h5>
                  <p>
                    9.30am – 6.30pm
                    <br />
                    Monday to Friday
                  </p>
                </div>
              </div>
            </div>
            <div
              class="col-xl-3 ps-xl-5 col-sm-6 col-md-6 col-lg-4 wow fadeInUp"
              data-wow-delay=".9s">
              <div class="single-footer-widget">
                <div class="widget-head">
                  <h5>Install app</h5>
                </div>
                <div class="footer-apps-items">
                  <p>From App Store or Google Play</p>
                  <div class="apps-image d-flex align-items-center">
                    <a href="#">
                      <img src="assets/img/app-store.png" alt="store-img" />
                    </a>
                    <a href="#">
                      <img src="assets/img/google-play.png" alt="store-img" />
                    </a>
                  </div>
                  <div class="support-text">
                    <p>24/7 Support center</p>
                    <h3><a href="tel:+1718-904-4450">+1718-904-4450</a></h3>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-bottom">
        <div class="container">
          <div
            class="footer-wrapper d-flex align-items-center justify-content-between">
            <p class="wow fadeInLeft color-2" data-wow-delay=".3s">
              Copyright © 2024 by
              <a href="Http://www.bootstrapmb.com">bootstrapMB</a>
              . All Rights Reserved.
            </p>
            <ul class="footer-menu wow fadeInRight" data-wow-delay=".5s">
              <li>
                <a href="about.html">Company</a>
              </li>
              <li>
                <a href="contact.html">Support</a>
              </li>
              <li>
                <a href="contact.html">Privacy</a>
              </li>
              <li>
                <a href="faq.html">Faqs</a>
              </li>
            </ul>
          </div>
        </div>
        <a href="#" id="scrollUp" class="scroll-icon">
          <i class="far fa-arrow-up"></i>
        </a>
      </div>
    </footer>

    <!--<< All JS Plugins >>-->
    <script src="assets/js/jquery-3.7.1.min.js"></script>
    <!--<< Viewport Js >>-->
    <script src="assets/js/viewport.jquery.js"></script>
    <!--<< Bootstrap Js >>-->
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <!--<< Nice Select Js >>-->
    <script src="assets/js/jquery.nice-select.min.js"></script>
    <!--<< Waypoints Js >>-->
    <script src="assets/js/jquery.waypoints.js"></script>
    <!--<< Counterup Js >>-->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <!--<< Slick Js >>-->
    <script src="assets/js/slick.min.js"></script>
    <!--<< Slick Animation Js >>-->
    <script src="assets/js/slick-animation.min.js"></script>
    <!--<< MeanMenu Js >>-->
    <script src="assets/js/jquery.meanmenu.min.js"></script>
    <!--<< Magnific Popup Js >>-->
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <!--<< Wow Animation Js >>-->
    <script src="assets/js/wow.min.js"></script>
    <!--<< Circle Progress Js >>-->
    <script src="assets/js/circle-progress.js"></script>
    <!--<< Main.js >>-->
    <script src="assets/js/main.js"></script>
  </body>
</html>
